<template>
	<view>
		<!-- 信息输入 -->
		<form @submit="formSubmit">
			<view>
				<!-- 文本 -->
				<view class="name">
					<text>姓名：</text>
					<input class="uni-input" name="input" placeholder="请请输入姓名" />
				</view>
				<view class="divider"></view>
				<view class="idCard">
					<text>身份证号：</text>
					<input class="uni-input" name="input" placeholder="请请输入身份证号码" />
				</view>
				<view class="divider"></view>
				<view class="phone">
					<text>电话号码：</text>
					<input class="uni-input" name="input" placeholder="请请输入电话号码" />
				</view>
				<view class="divider"></view>
				<!-- 图片 -->
				<text>身份证正面：</text>
				<view class="addImg" @click="chooseImg">
					<view>+</view>
					<view>上传图片</view>
				</view>
				<!-- 图片 -->
				<text>身份证背面：</text>
				<view class="addImg" @click="chooseImg">
					<view>+</view>
					<view>上传图片</view>
				</view>
			</view>

			<view class="uni-btn-v">
				
				<button form-type="submit">提交</button>
			</view>
		</form>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		},
		methods: {
			formSubmit() {
				uni.navigateTo({
					url: "/pages/employerInfo/employerInfo"
				})
			}
		}
	}
</script>

<style lang="scss">
	.name,
	.idCard,
	.phone {
		display: flex;
		margin-top: 20rpx;
	}

	.divider {
		background: gray;
		width: 100%;
		height: 2rpx;
		margin-bottom: 20rpx;
	}

	.addImg {
		width: 600rpx;
		height: 350rpx;
		border: 2rpx solid #d4d4d4;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		font-size: 20rpx;
		// background-color: #ebebeb;
		margin: 13rpx;
	}
</style>
